.clear { clear:both; }
.workbench-wrapper { position:fixed; width:100%; left:0; *z-index:9997; }
.workbench-wrapper.top { top:0; }

.workbench-wrapper.bottom { bottom:0; }

.workbench-wrapper.top #workbench { background-position:0 100%; }
.workbench-wrapper.bottom #workbench { background-position:0 0; }

.file-error { display:none; background:url(../images/workbench/sprite.png) 0 -280px no-repeat; height:20px; width:153px; color:#f8fbf0; text-align:center; bottom:-35px; position:absolute; right:-12px; line-height:23px; }

#workbench.disabled { display:none; }
#workbench { background:url(../images/workbench/background.png) no-repeat; position:relative; top:0; width:864px; margin:0 auto; height:139px; z-index:9997; padding:5px 20px 0; font-family:Arial; }
#workbench .data { width:100%; }
#workbench .data  thead th { color:#4e7178; font-size:14px; line-height:16px; padding-bottom:6px; }
#workbench .data  thead th span { float:left; }
#workbench .data  tbody td { color:#4e7178; font-size:9px; }

/* Hints, Logging and Translation buttons */
#workbench .data #logging { background:url(../images/workbench/sprite.png) -100px -184px no-repeat; width:25px; height:13px; float:right; margin-right:12px; }
#workbench .data #logging.enabled, #workbench .data #logging:hover { background-position:-100px -205px }
#workbench .data #hints { background:url(../images/workbench/sprite.png) -100px -24px no-repeat; width:25px; height:13px; float:right; }
#workbench .data #hints.enabled, #workbench .data #hints:hover { background-position:-100px -50px }
#workbench .data #translation { background:url(../images/workbench/sprite.png) -100px -74px no-repeat; width:25px; height:13px; float:right; margin-left:7px; }
#workbench .data #translation.enabled,#workbench .data #translation:hover { background-position:-100px -100px; }

/* Errors */
#workbench #errors { font-size:10px; }
#workbench #errors .notice { display:none; background:url(../images/workbench/sprite.png) 0 -252px no-repeat; width:123px; padding:0 3px 0 2px; }
#workbench #errors.processing .notice { color:#f1f7e2; text-align:center; font-size:10px; height:19px; line-height:19px; display:block; }
#workbench #errors .files { padding-top:8px; width:128px; }
#workbench #errors .files .row1 { overflow:hidden; }
#workbench #errors .files .description { width:110px; line-height:16px; }
#workbench #errors .files .description span { cursor:help; }
#workbench #errors .files .file { background:url(../images/workbench/sprite.png) -76px -50px no-repeat; width:17px; height:19px; cursor:pointer; }
#workbench #errors .files .file.processing { background:url(../images/workbench/refresh_anim.gif) 50% 50% no-repeat; }
#workbench #errors .warnbox { padding:0 3px 0 2px; overflow:hidden; background:url(../images/workbench/sprite.png) 0 -252px no-repeat; width:123px; }
#workbench #errors .warnbox.no-errors { padding-left:5px; color:#f1f7e2; line-height:18px; }
#workbench #errors .warnbox .msg { overflow:hidden; margin-right:3px; cursor:help; }
#workbench #errors .new_error_occured { background:url(../images/workbench/sprite.png) -76px 2px no-repeat; width:18px; height:18px; }
#workbench #errors .system_log_exists { background:url(../images/workbench/sprite.png) -76px -22px no-repeat; width:18px; height:18px; }
#workbench #errors .no-logging { background:url(../images/workbench/sprite.png) -76px -71px no-repeat; width:18px; height:18px; cursor:help; }
#workbench #errors .warnbox #refresh-logs { background:url(../images/workbench/sprite.png) -24px -72px no-repeat; height:18px; width:18px; cursor:pointer; }
#workbench #errors .warnbox #refresh-logs:hover { background-position:-24px 2px; }

/* Index */
#workbench .indexes { overflow:hidden; font-size:9px; }
#workbench .indexes .col1 { width:113px; margin-right:10px; }
#workbench .indexes .col2 { width:116px; }
#workbench .indexes .img { cursor:pointer; width:16px; height:16px; background:url(../images/workbench/sprite.png) no-repeat; margin-bottom:1px; }
#workbench .indexes .img.refresh { background-position: 0 -50px; }
#workbench .indexes .img.refresh.require { background-position: -25px -50px; }
#workbench .indexes .img:hover { background-position: -25px -25px !important; }
#workbench .indexes .img.processing { background:url(../images/workbench/refresh_anim.gif) no-repeat !important; }

/* Cache */
#workbench .cache { overflow:hidden; font-size:9px; }
#workbench .cache .col1 { width:122px; margin-right:10px; }
#workbench .cache .col2 { width:158px; }
#workbench .cache .img { cursor:pointer; width:16px; height:16px; background:url(../images/workbench/sprite.png) no-repeat; margin-bottom:1px; }
#workbench .cache .img.enabled { background-position: 0 -24px; }
#workbench .cache .img.disabled { background-position:0 0; }
#workbench .cache .img:hover {  background-position: 0 -24px; }
#workbench .cache .img.enabled:hover { background-position: 0 0; }
#workbench .cache .img.refresh { background-position: -25px 0; }
#workbench .cache .img.refresh:hover { background-position: -25px -25px; }
#workbench .cache .img.processing { background:url(../images/workbench/refresh_anim.gif) no-repeat; }

#workbench .extended-options { overflow:hidden; }
#workbench .extended-options div { background:url(../images/workbench/sprite.png) no-repeat; width:16px; height:16px; margin-right:48px; cursor:pointer; }
#workbench .extended-options div:hover { background-position:-24px -23px !important; }
#workbench .extended-options div.processing { background:url(../images/workbench/refresh_anim.gif) 50% 50% no-repeat !important; }

#workbench .extended-options #magento-cache-storage { background-position:-49px 0; width:19px; height:19px; }
#workbench .extended-options #cache-storage { background-position:-49px -22px; height:20px; }
#workbench .extended-options #catalog-images-cache { background-position:-49px -50px; height:20px; width:20px; }
#workbench .extended-options #js-css-cache { background-position:-49px -74px; height:20px; width:20px; }
#workbench .extended-options #cache-folder { background-position:-49px -100px; height:20px; width:20px; }

/* Bottom left controls */
#workbench .bottom-menu { overflow:hidden; }
#workbench #php-info { background:url(../images/workbench/sprite.png) -100px 0 no-repeat; height:16px; width:45px; cursor:pointer; margin:2px 12px 0 0;  }
#workbench #php-info.processing { background:url(../images/workbench/refresh_anim.gif) 50% 50% no-repeat; }
#workbench #exec-time { color:#6ac072; font-size:12px; cursor:pointer; width:70px; height:16px; text-align:left; line-height:16px; margin:2px 13px 0 0; }
#workbench #exec-time.processing { background:url(../images/workbench/time_loader.gif) 50% 50% no-repeat; }

/* Overlay */
#overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	width:860px;
	height:600px;
	min-height:200px;
	border:1px solid #666;
	padding:20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#overlay .close {
	background-image:url(../images/workbench/overlay/close.png);
	position:absolute;
	right:0;
	top:-1px;
	cursor:pointer;
	height:24px;
	width:24px;
}

/* System log overlay */
#overlay.systemlog { text-align:left; }
#overlay.systemlog .file { height:600px; overflow-y:scroll; }

/* DESIGN SECTION */

#snap-to-grid { overflow:hidden; margin-bottom:5px; }
#snap-to-grid .icon { overflow:hidden; background:url(../images/workbench/sprite.png) -151px -100px no-repeat; width:16px; height:16px; cursor:pointer; margin-right:10px; }
#snap-to-grid .icon.enabled,#snap-to-grid .icon:hover { background-position:-151px -127px; }
#snap-to-grid .controls input { width:54px; height:16px; background:url(../images/workbench/sprite.png) 0 -202px no-repeat; border:0; font-size:10px; color:#6ac072; text-align:center; }
#snap-to-grid span { margin:0 10px; }

/* Constrains */
#constrain { overflow:hidden; margin-bottom:5px }
#constrain .icon { background:url(../images/workbench/sprite.png) -151px -24px no-repeat; width:16px; height:16px; margin-top:2px; }
#constrain .controls .axis { background:url(../images/workbench/sprite.png) -149px -71px no-repeat; font-size:11px; cursor:pointer; padding-bottom:1px; }
#constrain .controls .axis.x-axis { margin:0 4px; padding-right:11px; }
#constrain .controls .axis.y-axis {padding-left:11px; }
#constrain .controls input { width:54px; height:16px; background:url(../images/workbench/sprite.png) 0 -202px no-repeat; border:0; font-size:10px; color:#6ac072; text-align:center; }
#constrain .controls .axis.locked { background-position:-145px -47px; }

/* Slider */
#wb-slider { margin:0 9px 5px 0; }
#wb-slider .icon { background:url(../images/workbench/sprite.png) -151px 0 no-repeat; width:16px; height:16px; }
#wb-slider .controls { width:138px; height:8px; background:url(../images/workbench/sprite.png) 0 -228px no-repeat; margin-top:3px; }

/* Helper */
#helper { position:absolute; width:173px; }
#helper .icon { width:18px; height:18px; background:url(../images/workbench/sprite.png) -100px -126px no-repeat; cursor:pointer; }
#helper .icon.enabled,#helper .icon:hover { background-position:-100px -155px; }
#helper .icon-drop { background:url(../images/workbench/sprite.png) -151px -156px no-repeat; width:14px; height:13px; cursor:pointer; margin:4px 0 0 5px; display:none; }
#helper .icon-drop.visible { display:block; }
#helper .icon-drop.enabled { background-position:-151px -184px; }
#helper .file { width:130px; }
#helper .file input[type="submit"] { display:none; }
#helper .browse-file-input { position:absolute; right:0; width:57px; overflow:hidden; height:17px; cursor:pointer; }
#helper .browse-file-input input { opacity: 0.0; filter:alpha(opacity=0); }
#helper .file .custom-button { float:right; width:57px; height:18px; background:url(../images/workbench/sprite.png) 0 -126px no-repeat; cursor:pointer; line-height:19px; color:#f8fbf0; font-size:11px; text-align:center; }
#helper .file .custom-button:hover { background-position:0 -156px; }
#helper .file .custom-button.upload { display:none; }
#helper .file .custom-button.browse { margin-left:5px; }

/* Design selector */
#design-selector { overflow:hidden; margin-bottom:5px; }
#design-selector .toggler { width:16px; height:16px; background:url(../images/workbench/sprite.png) no-repeat; cursor:pointer; margin-top:3px; }
#design-selector .toggler.enabled { background-position:0 -24px; }
#design-selector #design-files { width:146px; color:#4f7279; border-color:#6ac072; }
#design-selector.processing { background:url(../images/workbench/time_loader.gif) 60% 50% no-repeat; }

/* Opacity slider */
#opacity-slider .ui-slider-handle { background:url(../images/workbench/sprite.png) -178px 0 no-repeat; border:0; height:14px; width:15px; cursor:ew-resize; border-radius:0; }
#opacity-slider .ui-slider-range { height:5px; top:2px; left:2px; background:#adebb3; }
#opacity-slider { background:none; border:0; cursor:pointer; }

/* Design file */
#design-file { position:absolute; left:0; top:0; z-index:9996; cursor:move; display:none; }
.ui-draggable-dragging { z-index:9998; }

/* Template path hints */
.outer-block { position:relative; border:1px dashed black; margin:6px 2px; padding:18px 2px 2px 2px; zoom:1; }
.outer-block .file-path { position:absolute; left:0; top:0; padding:2px 5px; background:OrangeRed; color:white; font:normal 11px Arial;
text-align:left !important; z-index:998; }
.outer-block .class-name { position:absolute; right:0; top:0; padding:2px 5px; background:Maroon; color:white; font:normal 11px Arial;
text-align:left !important; z-index:998; }
.outer-block .alias {
    background: none repeat scroll 0 0 black;
    border: 1px solid black;
    color: red;
    margin-left: 4px;
    padding: 2px;
}

/* PHP INFO */
.phpinfo pre {
    font-family: monospace;
    margin: 0;
}
.phpinfo a:link {
    background-color: #FFFFFF;
    color: #000099;
    text-decoration: none;
}
.phpinfo a:hover {
    text-decoration: underline;
}
.phpinfo table {
    border-collapse: collapse;
}
.phpinfo .center {
    text-align: center;
	overflow-y:scroll;
	width:860px;
	height:600px;
}
.phpinfo .center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.phpinfo .center th {
    text-align: center !important;
}
.phpinfo td,.phpinfo  th {
    border: 1px solid #000000;
    font-size: 75%;
    vertical-align: baseline;
	padding:3px;
}
.phpinfo h1 {
    font-size: 150%;
}
.phpinfo h2 {
    font-size: 125%;
}
.phpinfo .p {
    text-align: left;
}
.phpinfo .e {
    background-color: #CCCCFF;
    color: #000000;
    font-weight: bold;
}
.phpinfo .h {
    background-color: #9999CC;
    color: #000000;
    font-weight: bold;
}
.phpinfo .v {
    background-color: #CCCCCC;
    color: #000000;
}
.phpinfo .vr {
    background-color: #CCCCCC;
    color: #000000;
    text-align: right;
}
.phpinfo img {
    border: 0 none;
    float: right;
}
.phpinfo hr {
    background-color: #CCCCCC;
    border: 0 none;
    color: #000000;
    height: 1px;
    width: 600px;
	margin:0 auto;
}
